<template>
  <div class="predict-summary-container">    
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>污染物预测</span>
        <el-button
          style="float: right; padding: 3px 0"
          type="text"
          @click="onClick"
        >
          详细信息
        </el-button>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  //接受父组件传过来的值
  props: {},
  methods: {
    onClick() {
      this.$router.push({ path: "/applications/predict" });
    },
  },
};
</script>

<style lang="scss" scoped>
.predict-summary-container {
  width: 100%;
  height: 300px;
  border: 1px solid #ebeef5;
  border-radius: 6px;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

.box-card {
  width: 100%;
  height: 100%;
}
</style>
